@charset "utf-8";
    /*公共元素*/
    *{padding: 0;margin: 0;}
    html{min-height: 100%; height: 100%;}
    body{ font-family: " Helvetica Neue",Helvetica,Arial,sans-serif;
    margin:0 auto; padding:0; font-size:14px; background:#fff;height: 100%;
     color: #1b1b1f;}
    .center{margin:0 auto;text-align: center;}
    ul,li{margin:0; padding:0; list-style:none;}
    a{text-decoration:none;color: #1b1b1f;}
    a:hover{ font-size: 12px; color: #000000; text-decoration: none; }

    @font-face {
        /*font-family: 'MyFont';   /*字体名称*/*/
        /*src: url('PingFangRegular.ttf');       /*字体源文件*/*/
    }
    /*
    *超出部分用省略代替
    */
    .text-overflow {
                    display:block;/*内联对象需加*/
                    width:18em;
                    word-break:keep-all;/* 不换行 */
                    white-space:nowrap;/* 不换行 */
                    overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
                    text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
    }

    .text2 {
       word-break:break-all;
       display:-webkit-box;
       -webkit-line-clamp:2;
       -webkit-box-orient:vertical;
       overflow:hidden;
    }

    /*
    *盒子布局
    */
    .ver{-moz-box-orient:vertical;
       -webkit-box-orient:vertical;
       box-orient:vertical;}
    .box{   display:-moz-box;
    display:-webkit-box;
    display:box;}
    .hbox{ -moz-box-flex:1;
       -webkit-box-flex:1;
       box-flex:1;position: relative;}
    .hbox2{ -moz-box-flex:2;
       -webkit-box-flex:2;
       box-flex:2;position: relative;}
    .hbox3{ -moz-box-flex:3;
       -webkit-box-flex:3;
       box-flex:3;position: relative;}
    .hbox5{ -moz-box-flex:5;
       -webkit-box-flex:5;
       box-flex:5;position: relative;}

    .row {display: -webkit-box;display: -webkit-flex;display: flex;}
    .col {-webkit-box-flex:1; -webkit-flex:1; flex:1;position: relative;}
    .col2 {-webkit-box-flex:2; -webkit-flex:2; flex:2;position: relative;}
    .col5{-webkit-box-flex:5; -webkit-flex:5; flex:5;position: relative;}

    /*
    *中文字两端对齐
    */
    .hfont-center{ text-align:justify;
        text-justify:inter-ideograph;
      }

      /*
      *发表评论
      */
      .pl_alert{background: #fff; padding: 5px 5px 10px; position: relative; z-index: 2001; -webkit-animation: fadeInDown .5s ease-In-Out;}
      .pl_alert_txt{color: #d65745; line-height: 24px; font-size: 12px;}
      .pl_alert .txtarea{height: 150px;}
      .pl_alert .txtarea textarea{height: 130px;}
      .pl_btn{text-align: center; margin-top: 5px;}
      .pl_btn a{display: inline-block; width: 42%; margin: 0 3%; background: #58b99d; color: #fff; line-height: 36px; border-radius: 5px;}
      .pl_btn a:first-child{background: #d65745;}

      /*
      *弹窗
      */
      .cover{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1999; background: rgba(0, 0, 0, 0.5); display: none;}
      .cover .shareimg{position: absolute; top: 0; right: 0; width: 200px; -webkit-animation:fadeInRight .5s;}
      .cover .cover_bg{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 2000;}
      .msgbox{ width: 90%; position: absolute; top: 50%; left: 5%; -webkit-animation: alertIn .5s; animation: alertIn .5s; -webkit-transform:translateY(-50%); transform:translateY(-50%); min-width: 200px; z-index: 2001}
      .msgbox .msgcont{position: relative; background: #fff; color: #666; padding: 0; border-radius: 5px; -webkit-box-shadow: 5px 15px 30px rgba(0,0,0,0.5); box-shadow: 5px 15px 30px rgba(0,0,0,0.5); z-index: 2002;}
      .msgbox .close{ position: absolute; top: 8px; right: 5px; color: #999; border-radius: 100%; width: 24px; height: 24px; line-height: 24px; text-align: center; cursor: pointer;}
      .msgbox .close:hover{color: #666;}
      .msgbox .tit{ font-size: 16px; text-align: left; color: #fff; padding: 5px 10px; line-height: 36px; background: #58b99d; border-top-right-radius: 5px; border-top-left-radius: 5px;}
      .msgbox .txt{ font-size: 14px; color: #666; line-height: 26px; padding: 10px 10px 5px;}
      .msgbox .tcenter{ text-align: center;}
      .msgbox .btn{text-align: center; padding: 8px;  font-size: 16px;}
      .msgbox .btn a{display: block; color: #333;}
      .msgbox .btn .btn1{ float:left; width: 50%; color: #333; margin: 0; line-height: 42px;}
      .msgbox .btn .btn2{ float:left; width: 50%; color: #333; margin: 0; line-height: 42px;}
      .msgbox .btn .btn3{ width: 80%; color: #333; margin: 0 auto; line-height: 42px;}
      .msgbox .btn .btn1 a{ border: 1px solid #999; border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
      .msgbox .btn .btn2 a{ border: 1px solid #999; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-left: 0;}
      .msgbox .btn .btn3 a{ border: 1px solid #999; border-radius: 10px; margin: 5px;}
      @-webkit-keyframes alertIn{from{opacity:0; display:none; -webkit-transform:translateY(-100%);transform:translateY(-100%)}100%{opacity:1;display:block; -webkit-transform:translateY(-50%);transform:translateY(-50%)}}
      @keyframes alertIn{from{opacity:0; display: none; -webkit-transform:translateY(-100%);transform:translateY(-100%)}100%{opacity:1; display:block; -webkit-transform:translateY(-50%);transform:translateY(-50%)}}
      #pop_alert{background: rgba(0, 0, 0, 0.2);}
      .popmsg{background: rgba(0,0,0,.8); color: #fff; padding: 10px; position: absolute; top: 50%; left:50%; -webkit-transform: translate(-50%,-50%); -webkit-transition: all 0.2s ease-in-out; -webkit-animation: fadeIn .5s ease-In-Out; border-radius: 10px;}

      /*输入框*/
      .txtinput{border-bottom: 1px solid #ebebeb; height: 32px; line-height: 32px; position: relative;}
      .txtinput input{width: 100%; height: 36px; line-height: 36px; border: 0; background: none; padding:0 3%; color: #666; font-size: 14px; vertical-align: middle; margin-top: -3px;}
      .txtinput_small{border: 1px solid #ebebeb; height: 28px; line-height: 28px; position: relative;}
      .txtinput_small input{width: 100%; height: 28px; line-height: 28px; border: 0; background: none; padding:0 3%; color: #666; font-size: 14px; vertical-align: middle; margin-top: -2px;}
      /*输入域*/
      .txtarea{border: 1px solid #ebebeb; height: 78px;}
      .txtarea textarea{width: 94%; height: 60px; border: 0; background: none; padding:10px 3%; color: #666; font-size: 12px; vertical-align: middle;}
      /*下拉选择*/
      .txtselect{border-bottom: 1px solid #ebebeb; height: 36px; line-height: 36px; position: relative;}
      .txtselect select{ width:100%; padding: 0 3%; height: 36px; background: transparent; border: none; vertical-align: middle; margin-top: -2px; -webkit-appearance: none; /*for chrome*/ color: #666; font-size: 14px;}

      /*复选*/
      label, input, select{vertical-align: middle;}
      .qy-checkbox { -webkit-appearance: none; position: relative; width: 20px; height: 22px; border: 0; margin: 0 10px 0 0; background-clip: padding-box; display: inline-block; line-height: 20px; -webkit-transition: background-color ease 0.2s;transition: background-color ease 0.2s; background: #fff;}
      .qy-checkbox:before { display: inline-block; font: normal normal normal 22px/1 FontAwesome; content: "\f058"; color: #dadada; text-align: center; width: 20px; vertical-align: middle;}
      .qy-checkbox:focus { outline: 0 none; outline-offset: -2px; }
      .qy-checkbox:checked { background-color: #fff; }
      .qy-checkbox:checked:before { display: inline-block; font: normal normal normal 22px/1 FontAwesome; content: "\f058"; color: #58b99d; text-align: center; width: 20px; vertical-align: middle; }
      .qy-checkbox:disabled { background-color: #fff; }
      .qy-checkbox:disabled:before { display: inline-block; font: normal normal normal 22px/1 FontAwesome; content: "\f058"; color: #ddd; text-align: center; width: 20px; vertical-align: middle; }
      .qy-checkbox.checkbox-orange:checked:before { color: #ec7710; }

      /*磨砂效果*/
      .mosha{-webkit-filter:blur(3px);}

      /*手机checkbox*/
      /****
      *使用方法
      ****/
      /*<input type="checkbox" id="checkbox_c1" class="chk_3" /><label for="checkbox_c1"></label>*/
      .chk_3{
          display: none;
      }
      .chk_3 + label {
          background-color: #fafbfa;
          padding: 9px;
          border-radius: 50px;
          display: inline-block;
          position: relative;
          margin-right: 30px;
          -webkit-transition: all 0.1s ease-in;
          transition: all 0.1s ease-in;
          width: 40px;
          height: 15px;
        }

      .chk_3  + label:after {
          content: ' ';
          position: absolute;
          top: 0;
          -webkit-transition: box-shadow 0.1s ease-in;
          transition: box-shadow 0.1s ease-in;
          left: 0;
          width: 100%;
          height: 100%;
          border-radius: 100px;
          box-shadow: inset 0 0 0 0 #eee, 0 0 1px rgba(0,0,0,0.4);
        }

      .chk_3  + label:before {
          content: ' ';
          position: absolute;
          background: white;
          top: 1px;
          left: 1px;
          z-index: 999999;
          width: 31px;
          -webkit-transition: all 0.1s ease-in;
          transition: all 0.1s ease-in;
          height: 31px;
          border-radius: 100px;
          box-shadow: 0 3px 1px rgba(0,0,0,0.05), 0 0px 1px rgba(0,0,0,0.3);
        }

      .chk_3:active + label:after {
          box-shadow: inset 0 0 0 20px #eee, 0 0 1px #eee;
        }

      .chk_3:active + label:before {
          width: 37px;
        }

      .chk_3:checked:active + label:before {
          width: 37px;
          left: 20px;
        }

      .chk_3  + label:active {
          box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
        }

      .chk_3:checked + label:before {
          content: ' ';
          position: absolute;
          left: 26px;
          border-radius: 100px;
        }

      .chk_3:checked + label:after {
          content: ' ';
          font-size: 1.5em;
          position: absolute;
          background: #4cda60;
          box-shadow: 0 0 1px #4cda60;
      }